<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    输入年份 ：<input id="year" />
    输入月份：<input id="month" />
    输入天数：<input id="day" />
    <button id="btn">计算这年的第几天</button>
    <script>
        //  根据输入的三个数字，判断是这一年的第几天
        /* 
          var year = 2016  // 意义 判断平年或者闰年 平年 365天 二月是28天。 闰年 366天 二月29天
          var month = 2
          var day = 11
        */

        // 获取元素对象
        var yearEle = document.getElementById("year");
        var monthEle = document.getElementById("month");
        var dayEle = document.getElementById("day");
        var btnEle = document.getElementById("btn");

        btnEle.onclick = function () {
            // 获取年月日的值
            var year = parseInt(yearEle.value);
            var month = parseInt(monthEle.value);
            // console.log(monthEle.value)
            var day = parseInt(dayEle.value);

            // 通过年份判断 平年还是闰年 --->  判断二月是 28天还是29天；
            var feb;
            if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
                // 证明是闰年 
                feb = 29;
            } else {
                // 是平年
                feb = 28;
            }
           
            // console.log(feb);
            switch (month) {
                case 1:
                    alert(day);
                    break;
                case 2:
                    var totalday = 31 + day;
                    alert(totalday);
                    break;
                case 3:
                    var totalday = 31 + feb + day;
                    alert(totalday);
                    break;
                case 4:
                    var totalday = 31 + feb + 31 + day;
                    alert(totalday);
                    break;
                case 5:
                    var totalday = 31 + feb + 31 + 30 + day;
                    alert(totalday);
                    break;
                case 6:
                    var totalday = 31 + feb + 31 + 30 + 31 + day;
                    alert(totalday);
                    break;

            }





        }






    </script>
</body>

</html>